<template>
  <div class="box">
    <div v-for="(img, index) in imgs" :key="index" class="content">
      <img :src="img" alt="" />
    </div>
  </div>
</template>

<script>
export default {
  name: "TopDian",
  data() {
    return {
      imgs: [
        "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/857fa05fd575f36513ee01c97cba2a4a.png?f=webp",
        "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/75b60be9616ddcd49b9d8e0f469ec807.png?f=webp",
        "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/997f938f481dbecbf827afe712cf8a93.png?f=webp",
      ],
    };
  },
};
//chuang
</script>

<style scoped>
.box {
  height: 1.1rem;
  width: 100%;
      display: flex;
}
.content{
    width: 33%;
    height: 1.1rem;
}
.content img{
    width: 100%;
    height: 100%;
}
</style>